<%-- any content can be specified here e.g.: --%>
<%@ page pageEncoding="UTF-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<aside id="page-sidebar" class="nav-collapse collapse">
                <!--
                Wrapper for scrolling functionality
                Used only if the .sticky class added above. You can remove it and you will have a sticky sidebar
                without scrolling enabled when you set the sidebar to be sticky
                -->
                <div class="side-scrollable">
                    <!-- Mini Profile -->
                    <div class="mini-profile">
                        <div class="mini-profile-options">
                            <a href="javascript:void(0)" class="badge badge-info loading-on" data-toggle="tooltip" data-placement="right" title="刷新">
                                <i class="icon-refresh"></i>
                            </a>
                            <a href="<c:url value= "/shop/${logininfo.username}.html" />"  target="_blank" class="badge badge-warning" data-toggle="tooltip" data-placement="right" title="店铺首页">
                                <i class="glyphicon-shopping_cart"></i>
                            </a>
                            <!-- Modal div is at the bottom of the page before including javascript code, we use .enable-tooltip class for the tooltip because data-toggle is used for modal -->
                            <a href="#modal-user-account" class="badge badge-success enable-tooltip" role="button" data-toggle="modal" data-placement="right" title="设置">
                                <i class="glyphicon-cogwheel"></i>
                            </a>
                            <a href="<c:url value="/control/loginout.html" />" class="badge badge-important" data-toggle="tooltip" data-placement="right" title="退出">
                                <i class="icon-signout"></i>
                            </a>
                        </div>
                        <a href="page_ready_user_profile.html">
                            <img src="<c:url value="/img/template/avatar2.jpg" />" alt="Avatar" class="img-circle">
                        </a>
                    </div>
                    <!-- END Mini Profile -->

                    <!-- Sidebar Tabs -->
                    <div class="sidebar-tabs-con">
                        <ul class="sidebar-tabs" data-toggle="tabs">
                            <li class="active">
                                <a href="#side-tab-menu"><i class="glyphicon-list"></i></a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane active" id="side-tab-menu">
                                <!-- Primary Navigation -->
                                <nav id="primary-nav">
                                    <ul>
                                        <li>
                                            <a href="<c:url value="/control/menu.html" />"><i class="glyphicon-list"></i>栏目管理</a>
                                        </li>
                                         <li>
                                             <a class="<c:if test="${!empty prodcutarctype}">open</c:if>" href="<c:url value="/control/productall.html" />"><i class="glyphicon-more_windows"></i>产品栏目</a>
                                            <ul <c:if test="${!empty prodcutarctype}">style='display: block'</c:if>>
                                                <c:forEach var="item" items="${producttype}" >
                                                    <li>
                                                        <a href="<c:url value="/control/product/${item.id}.html" />">${item.name}</a>
                                                    </li>
                                                </c:forEach>
                                            </ul>
                                        </li>
                                        <c:forEach var="menu" items="${leftmenu}" >
                                                <c:choose>
                                                    <c:when test="${!menu.isnews}">
                                                        <li>
                                                            <a href="<c:url value="/control/onepage/${menu.id}.html" />"><i class="glyphicon-display"></i>${menu.typename}</a>
                                                        </li>
                                                    </c:when>
                                                    <c:otherwise>
                                                        <li>
                                                            <a href="<c:url value="/control/archives/${menu.id}.html" />"><i class="glyphicon-sort"></i>${menu.typename}</a>
                                                        </li>
                                                    </c:otherwise>
                                                </c:choose>
                                        </c:forEach>
                                        <li>
                                            <a href="<c:url value="/control/message.html" />"><i class="halflingicon-comments"></i>消息留言</a>
                                        </li>
                                         <li>
                                            <a href="<c:url value="/control/setting.html" />"><i class="glyphicon-cogwheels"></i>店铺设置</a>
                                        </li>
                                        <li>
                                            <a href="<c:url value="/control/loginout.html" />"><i class="glyphicon-new_window"></i>退出</a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- END Primary Navigation -->
                            </div>
                        </div>
                    </div>
                    <!-- END Sidebar Tabs -->
                </div>
                <!-- END Wrapper for scrolling functionality -->
            </aside>
            
            
             <!-- User Modal Account, appears when clicking on 'User Settings' link found on user dropdown menu (header, top right) -->
        <div id="modal-user-account" class="modal hide fade">
            <!-- Modal Body -->
            <div class="modal-body remove-padding">
                <!-- Modal Tabs -->
                <div class="block-tabs">
                    <div class="block-options">
                        <a href="javascript:void(0)" class="btn btn-danger" data-dismiss="modal"><i class="icon-remove"></i></a>
                    </div>
                    <ul class="nav nav-tabs" data-toggle="tabs">
                        <li class="active"><a href="#modal-user-account-account"><i class="icon-cog"></i> 帐号</a></li>
                        <li><a href="#modal-user-account-profile"><i class="icon-user"></i> 内容</a></li>
                    </ul>
                    <div class="tab-content">
                        <!-- Account Tab Content -->
                        <div class="tab-pane active" id="modal-user-account-account">
                            <form class="form-horizontal" id="password">
                                <h4 class="sub-header">修改密码</h4>
                                <div class="control-group">
                                    <label class="control-label" for="modal-account-pass">原始密码</label>
                                    <div class="controls">
                                        <input type="password" id="modal-account-pass" name="oldpassword">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="modal-account-newpass">新密码</label>
                                    <div class="controls">
                                        <input type="password" id="modal-account-newpass" name="newpassword">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="modal-account-newrepass">重复新密码</label>
                                    <div class="controls">
                                        <input type="password" id="modal-account-newrepass" name="newpasswordagain">
                                    </div>
                                </div>
                                <div class="control-group" style="text-align: right" >
                                    <button class="btn btn-success" data-dismiss="modal" id="formpost"><i class="icon-save"></i> 修改</button>
                                </div>
                            </form>
                        </div>
                        <!-- END Account Tab Content -->

                        <!-- Profile Tab Content -->
                        <div class="tab-pane" id="modal-user-account-profile">
                            <form method="post" class="form-horizontal" id="simpleuserinfer">
                                <div class="control-group">
                                    <label class="control-label" for="modal-profile-name">店铺样式</label>
                                    <div class="controls">
                                        <select name="modal-profile-name" id="cssstyle">
                                            <option value="1" <c:if test="${userinfer.cssstyle == 1}">selected="selected"</c:if>>1</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="modal-profile-gender">电话号码</label>
                                    <div class="controls">
                                        <input type="text" id="phone" value="${userinfer.phone}">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="modal-profile-birthdate">电子邮箱</label>
                                    <div class="controls">
                                        <input type="text" id="email" value="${userinfer.email}">
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="modal-profile-bio">固定电话</label>
                                    <div class="controls">
                                        <input type="text" id="tel" value="${userinfer.tel}">
                                    </div>
                                </div>
                                <div class="control-group" style="text-align: right" >
                                    <button class="btn btn-success" data-dismiss="modal" id="userinferpost"><i class="icon-save"></i> 修改</button>
                                </div>
                            </form>
                        </div>
                        <!-- END Profile Tab Content -->
                    </div>
                </div>
                <!-- END Modal Tabs -->
            </div>
            <!-- END Modal Body -->
        </div>
        <!-- END User Modal Settings -->
        
        <!--错误提示-->
        <div class="modal hide fade" id="modal-regular" style="display: none;border: none" aria-hidden="true">
                            <div class="modal-header alert-error" style="background-color: #FCB1B1;">
                                <button data-dismiss="modal" class="close" type="button">×</button>
                                <h4>错误提示</h4>
                            </div>
                            <div class="modal-body">
                                <p id="lefterrorinfo" ></p>
                            </div>
        </div>
        <a data-toggle="modal" class="btn btn-large btn-warning" href="#modal-regular" style="display: none" id="showerrorleft" >错误</a>
        <!--错误end -->
        
        <!--成功提示-->
        <div class="modal hide fade" id="modal-success" style="display: none;border: none" aria-hidden="true">
                            <div class="modal-header alert-success" style="background-color: #E6FCB1;">
                                <button data-dismiss="modal" class="close" type="button">×</button>
                                <h4>提示</h4>
                            </div>
                            <div class="modal-body">
                                <p id="leftsuccessinfo" >修改成功!</p>
                            </div>
        </div>
        <a data-toggle="modal" class="btn btn-large btn-warning" href="#modal-success" style="display: none" id="showsuccess" >成功</a>
        <!--成功提示end -->